Cascade Layersが詳細度に勝つ例
from
Cascade Layers
Cascade Layersが詳細度に勝つ例
code:html
<p class="hello">hello world</p>
code:css
@layer main;
@layer second;
@layer main {
p.hello { color: blue; } /* 0-1-1 */
}
@layer second {
p { color: green; } /* 0-0-1 */
}
詳細度
だけで見たら
main
の内容のほうが強い
しかし、
Cascadeの優先順位
としてlayerの方が優先順位が高いので
second
が勝つ
なので
hello world
の色はgreenになる